<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>吴培基个人博客 - 未来一起</title>
    <meta name="keywords" content="学习,编程,聊天"/>
    <meta name="description" content="未来一起"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css"/>
    <link href="css/style.css" media="screen" rel="stylesheet" type="text/css"/>


    <!--采用主流的bower 进行各种包的管理-->
    <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]--></head>
<script type="text/javascript">
function btn_onclick(){
    alert("没有更多了");
}
</script>
<body>

<!--模态框 -->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title alert-danger"id="myModalLabel">提醒</h4>
            </div>
            <div class="modal-body">
               没有更多了耶
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>

</div>





<!-- 伟大的导航条开始了-->
<div id="navbar-wrapper">
    <div id="navigation" class="navbar navbar-default navbar-fixed-top">
        <div class="container">

            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="blog.html">吴培基个人博客</a>
                <!--<a class=".btn .btn-default navbar-btn collapsed" data-target=".navbar-collapse" data-toggle="collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a><a href="http://localhost:55555/index.php" class="brand">Start<span class="green">BBS</span></a>-->
            </div>

            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="blog.html">首页</a></li>
                    <li><a href="bankuai.html">板块</a></li>
                    <li><a href="login.html">登录</a></li>
                    <li><a href="introduce2.html">大事件</a></li>
                    <li><a href="write.html">写博客</a></li>
                </ul>
                <!--搜索框，做成表单形式方便以后提交表单，进行搜索-->
                <form action="#" method="post" accept-charset="utf-8" class="navbar-form navbar-left" target="_blank"
                      role="search">
                    <div style="display:none">
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" name="keyword" placeholder="输入关键字回车">
                    </div>
                </form>
                <!--搜索框结束-->
                <!--navbar-collapse 导航-->
                <ul class="nav navbar-nav navbar-right">
                    <!--信箱，假装有一条信息-->
                    <li><a href="#"><span
                            class="glyphicon glyphicon-envelope"></span> <span class="bg-primary">1</span></a></li>
                    <!--               单按钮下拉菜单                   -->
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span
                                class='glyphicon glyphicon-user'></span> admin <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">个人主页</a></li>
                            <li><a href="#">站内信</a></li>
                            <li class="divider"></li>
                            <li><a href="#">退出</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!--navbar-collapse 结束-->
        </div>
    </div>

</div>
<!-- 伟大的导航条结束了-->

<div class="container">
    <div class="row">
        <div class="col-md-8">
            <!--面板 用来放置所有博客的文章列表-->
            <div class="panel">
                <div class="panel-heading">
                    <!-- 面板标题-->
                    <h3 class="panel-title">学习，聊天</h3>
                </div>
                <!--面板body内容

                采用bootstrap的媒体对象
                说明：这是一个抽象的样式，用以构建不同类型的组件，这些组件都具有在文本内容的左或右侧对齐的图片
                （就像博客评论或 Twitter 消息等）。
                -->
                <div class="panel-body">
                    <ul class="media-list" id="topic_list">
                        <li class="media topic-list" id="willbemore">
                            <div class="pull-right">
                                <span class="badge badge-info topic-comment"><a
                                        href="">0</a></span>
                            </div>
                            <a class="media-left" href=""><img
                                    class="img-rounded medium"
                                    src="img/tieping.png"
                                    alt="admin medium avatar"></a>

                            <div class="media-body">
                                <h2 class="media-heading topic-list-heading"><a
                                        href="detail.html">人生若只如初见</a></h2>
                                <p class="text-muted">
                                    <span><a href="#">其他杂谈</a></span>&nbsp;--&nbsp;
                                    <span><a href="#">木吉铁平</a></span>&nbsp;--&nbsp;
                                    <span>10分钟前</span>&nbsp;--&nbsp;
                                    <span>10个回复</span>
                                </p>
                            </div>
                        </li>
                        <!--媒体对象复制下-->
                        <li class="media topic-list">
                            <div class="pull-right">
                                <span class="badge badge-info topic-comment"><a
                                        href="#">0</a></span>
                            </div>
                            <a class="media-left" href="#"><img
                                    class="img-rounded medium"
                                    src="img/rixiang.png"
                                    alt="日向"></a>

                            <div class="media-body">
                                <h2 class="media-heading topic-list-heading"><a
                                        href="#">MyBatis 通用 Dao</a></h2>

                                <p class="text-muted">
                                    <span><a href="#">mybatis</a></span>&nbsp;--&nbsp;
                                    <span><a href="#">日向</a></span>&nbsp;--&nbsp;
                                    <span>60分钟前</span>&nbsp;--&nbsp;
                                    <span>暂无回复</span>
                                </p>
                            </div>
                        </li>
                        <li class="media topic-list">
                            <div class="pull-right">
                                <span class="badge badge-info topic-comment"><a
                                        href="#">0</a></span>
                            </div>
                            <a class="media-left" href="#"><img
                                    class="img-rounded medium"
                                    src="img/qingfeng.png"
                                    alt="吴培基"></a>

                            <div class="media-body">
                                <h2 class="media-heading topic-list-heading"><a
                                        href="#">泡泡聊天布局</a></h2>

                                <p class="text-muted">
                                    <span><a href="#">Android应用开发</a></span>&nbsp;--&nbsp;
                                    <span><a href="#">青峰大我</a></span>&nbsp;--&nbsp;
                                    <span>1小时前</span>&nbsp;--&nbsp;
                                    <span>暂无回复</span>
                                </p>
                            </div>
                        </li>
                        <!--媒体对象列表-->
                        <li class="media topic-list">
                            <div class="pull-right">
                                <span class="badge badge-info topic-comment"><a
                                        href="">0</a></span>
                            </div>
                            <a class="media-left" href=""><img
                                    class="img-rounded medium"
                                    src="img/nomal.png"
                                    alt="吴培基"></a>

                            <div class="media-body">
                                <h2 class="media-heading topic-list-heading"><a
                                        href="#">java操作cookies</a></h2>

                                <p class="text-muted">
                                    <span><a href="#">spring mvc</a></span>&nbsp;--&nbsp;
                                    <span><a href="#">黑子哲也</a></span>&nbsp;--&nbsp;
                                    <span>1小时前</span>&nbsp;--&nbsp;
                                    <span>暂无回复</span>
                                </p>
                            </div>
                        </li>
                        <li class="media topic-list">
                            <div class="pull-right">
                                <span class="badge badge-info topic-comment"><a
                                        href="http://localhost:55555/index.php/topic/show/4#reply">0</a></span>
                            </div>
                            <a class="media-left" href="http://localhost:55555/index.php/user/profile/1"><img
                                    class="img-rounded medium"
                                    src="img/cisi.png"
                                   ></a>

                            <div class="media-body">
                                <h2 class="media-heading topic-list-heading"><a
                                        href="#">springMVC mybatis</a></h2>

                                <p class="text-muted">
                                    <span><a href="#">mybatis</a></span>&nbsp;--&nbsp;
                                    <span><a href="#">admin</a></span>&nbsp;--&nbsp;
                                    <span>1小时前</span>&nbsp;--&nbsp;
                                    <span>暂无回复</span>
                                </p>
                            </div>
                        </li>
                        <li class="media topic-list">
                            <div class="pull-right">
                              <span class="badge">1</span>
                            </div>
                            <a class="media-left" href="#"><img
                                    class="img-rounded medium"
                                    src="img/hshen.png"
                                    alt="admin medium avatar"></a>

                            <div class="media-body">
                                <h2 class="media-heading topic-list-heading"><a
                                        href="#">springMVC mybatis</a></h2>

                                <p class="text-muted">
                                    <span><a href="#">mybatis</a></span>&nbsp;--&nbsp;
                                    <span><a href="#">火神大我</a></span>&nbsp;--&nbsp;
                                    <span>1小时前</span>&nbsp;--&nbsp;
                                    <span>一条回复</span>
                                </p>
                            </div>
                        </li>
                        <li class="media topic-list">
                            <div class="pull-right">
                                <span class="badge badge-info topic-comment"><a
                                        href="#" >0</a></span>
                            </div>
                            <a class="media-left" href="#"><img
                                    class="img-rounded medium"
                                    src="img/ziyuan.png"
                                    alt="wpj"></a>

                            <div class="media-body">
                                <h2 class="media-heading topic-list-heading"><a
                                        href="#">springmvc实现文件上传下载</a></h2>

                                <p class="text-muted">
                                    <span><a href="#">spring mvc</a></span>&nbsp;--&nbsp;
                                    <span><a href="#">紫原敦</a></span>&nbsp;--&nbsp;
                                    <span>1小时前</span>&nbsp;--&nbsp;
                                    <span>暂无回复</span>
                                </p>
                            </div>
                        </li>
                        <li class="media topic-list" id="mytopic-list">
                            <div class="pull-right">
                                <span class="badge badge-info topic-comment"><a
                                        href="img/lvjian.png">0</a></span>
                            </div>
                            <a class="media-left" href="img/nomal.png"><img
                                    class="img-rounded medium"
                                    src="img/nomal.png"
                                    alt="admin medium avatar"></a>

                            <div class="media-body">
                                <h2 class="media-heading topic-list-heading"><a
                                        href="#">jquery行的操作</a></h2>

                                <p class="text-muted">
                                    <span><a href="#">前端</a></span>&nbsp;--&nbsp;
                                    <span><a href="#">admin</a></span>&nbsp;--&nbsp;
                                    <span>1小时前</span>&nbsp;--&nbsp;
                                    <span>暂无回复</span>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="panel-footer">
                    <button type="button" class="btn btn-primary"
                            data-toggle="modal" data-target=".bs-example-modal-lg">更多</button>
                </div>
            </div>
          <!-- 面板结束了-->

        </div>

<!-- 侧边用户栏目-->
        <div class="col-md-4">
            <!--用面板存放登陆用户的基本信息-->
            <div class="panel">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-5">
                            <a href="#">
                                <img alt="用户"
                              class="img-rounded"
                              src="img/big.png"/></a>
                        </div>
                        <!--栅格系统套栅格系统-->
                        <div class="col-md-7">
                            <ul class="list-unstyled">
                                <li><a href="" title="admin">admin</a>
                                </li>
                                <li>用户组：管理员</li>
                                <li>积分：120</li>
                            </ul>
                        </div>
                    </div>
                    <!-- 下边收藏关注 -->
                    <div class="row text-center">
                        <div class="col-md-6">
                            <p><a href="#">0</a></p>

                            <p><a href="#">收藏</a></p>
                        </div>
                        <div class="col-md-6">
                            <p><a href="#">0</a></p>

                            <p><a href="#">关注</a></p>
                        </div>
                    </div>
                </div>
                <div class="panel-footer text-muted">
                   您有一条未读信息哦
                </div>
            </div>
            <!--用面板存放登陆用户的基本信息 结束-->

            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">板块列表</h3>
                </div>
                <div class="panel-body">
                    <p><a href="#"><span class="text-muted">spring mvc</span></a></p>

                    <p>
                    </p>

                    <p><a href="#"><span class="text-muted">spring security</span></a></p>

                    <p>
                    </p>

                    <p><a href="#"><span class="text-muted">mybatis</span></a></p>

                    <p>
                    </p>

                    <p><a href="#"><span class="text-muted">前端</span></a></p>

                    <p>
                    </p>

                    <p><a href="#"><span class="text-muted">Android应用开发</span></a></p>

                    <p>
                    </p>

                    <p><a href="#"><span class="text-muted">其他杂谈</span></a></p>

                    <p>
                    </p>
                    <p class="badge-info"> <h2><a href="introduce.html">版主风采</a></h2></p>
                </div>
            </div>
            <!--用来显示用户今日详情-->
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">今日详情</h3>
                </div>
                <div class="panel-body">
                    <ul class="list-unstyled">
                        <li>会员大名：吴培基</li>
                        <li>今日话题： 1</li>
                        <li>昨日话题： 2</li>
                        <li>话题总数： 8</li>
                        <li>回复数：1000</li>
                    </ul>
                </div>
            </div>


            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">公告</h3>
                </div>
                <div class="panel-body">

                    <a class="label-warning">系统明日进行更新，给大家带来不便，希望见谅</a>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">友情链接</h3>
                </div>
                <div class="panel-body">
                    <ul class="list-unstyled">

                        <li><a href="http://blog.sina.com.cn/u/2843823671" target="_blank">我的新浪博客</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- /.col-md-4 -->

    </div>
    <!-- /.row -->
</div>
<!-- /.container -->




<footer class="small">
    <div class="container">
        <div class="row">
            <p>吴培基个人博客 版权所有，翻版必究</p>
            <p>2015年06月</p>
        </div>
    </div>
</footer>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>


</body>
</html>
